html {
	overflow: hidden;
}

body {
	padding: 0px 0px;
	overflow: hidden;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.header {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 20px;
	background-color: #ed6d00;
}

.header-left{
	width: 800px;
	float: left;
	display: inline-block;
}

.header-right{
	width: 270px;
	display: inline-block;
	float: right;
	padding-top: 0px;
	padding-right: 20px;
}	

.header .logo-panel {
	background-color: white;
	height: 60px;
	padding-left: 5px;
}

.header .logo {
	width: 240px;
	margin-top: 5px;
	height: 45px;
	background-image: url("../images/logo-quicktron.png");
	background-size: cover;
}

.container-fluid{
	padding-left: 30px;
}

.tabbable {
	height: 550px;
	overflow: auto; 
	overflow-x: hidden; 
}

div{
	border: solid 0px #333;
/* 	border: solid 0px red; */
}


.titlebar {
	padding-bottom: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.titlebar .icon {
	width: 14px;
	height: 14px;
}

.nav-tabs {
	border-bottom-width: 0px;
}

.nav-tabs .icon {
	width: 20px;
	height: 20px;
}

.ptl-area-label {
	color: #333;
	font-size: 30px;
	font-weight: bold;
	padding-top: 10px;
}

.ptl-layer {
	position: relative;
	float: left;	
	border-bottom-width: 0px;
}

.ptl-layer-num{
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: bold;
	width: 100px;
}

.ptl-item {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.ptl-item{
	width: 80px;
	height: 90px;
}

.ptl-item .on, .ptl-item .off {
	width: 60px;
	height: 60px;
	display: block;
	line-height: 60px;
	text-align: center;
	font-weight: bold;
	color: gray;
	margin-left: 10px;
}

.ptl-item .on, .ptl-item .off, .ptl-item .led {
	position: absolute;
}

.ptl-item .clickable{
	cursor: pointer;
}

.ptl-item .led {
	top: 60px;
	text-align: center;
	width: 80px;
	font-weight: bold;
	border: solid 0px red;
	font-size: 10px !important;
}

.led span{
	white-space: nowrap;
}

.ptl-item .on {
	background-image: url("../images/ptl-on.png");
	background-size: cover;
/* 	width: 64px;
	height: 64px;
	left: -2px;
	top: -2px; */
}

.ptl-item .off {
	background-image: url("../images/ptl-off.png");
	background-size: cover;
/* 	width: 60px;
	height: 60px;
	left: 0px;
	top: 0px; */
}

.ptl-item:hover .on, .ptl-item:hover .off {
/* 	width: 64px;
	height: 64px;
	left: -2px;
	top: -2px; */
}


/* 自定义菜单背景色 */
 .kc-menu {
	 background-color: #ed6d00 !important;
 }

/* 自定义菜单项悬停背景色 */
.kc-menu .ivu-menu-item:hover,
.kc-menu .ivu-menu-submenu:hover {
	background-color: #ffffff !important;
	font-size: 18px !important;
	font-weight: bold !important;
}


.kc-menu .ivu-menu-item,
.kc-menu .ivu-menu-submenu-title{
	font-size: 18px !important;
	font-weight: bold !important;
}

/* 自定义激活菜单项背景色 */
.kc-menu .ivu-menu-item-active {
	background-color: #ffffff !important;
	font-size: 24px !important;
	font-weight: bold !important;
}

/* * {
    font-size: 18px !important;
    font-weight: bold !important;
} */


